<template>
  <div class="item">
    <div class="list_img_box">
      <image class="product-img" :src="item.pic2"></image>
      <div v-if="false" class="mask flex-row flex-y-center">
        <text class="flex-grow-1 flex-right">预估分佣 :</text>
        <div style="margin-left: 0.08rem" class="flex-grow-1 flex-left">
          <text class="redBg">￥{{item.estimateMoney}}</text>
        </div>
      </div>
    </div>
    <div v-if="false" class="couponPriceBox">
      <div class="couponPrice flex-grow-1 flex-row flex-y-center">
        <div class="coupon_bg flex-grow-0"></div>
        <text class="text flex-grow-0">￥ {{item.couponMoney}}元优惠券</text>
        <div class="coupon_bg flex-grow-0 coupon_bg2 "></div>
      </div>
      <div class="flex-grow-0 flex-y-bottom">
        <image v-if="item.goodsSrc=='tmall'" style="width: 25px; height: 25px"
               src="/wxStatic/img/web/tmall.png"></image>
        <image v-if="item.goodsSrc=='taobao'" style="width: 25px;height: 11px"
               src="/wxStatic/img/web/taobao-s@2x.png"></image>
      </div>
    </div>
    <div class="text">
      <text class="goods-name">
        {{item.title}}
      </text>
    </div>
    <div class="item_price_box">
      <div class="price_left">
        <text class="red">￥</text>
        <text class="red">{{item.price}}</text>
      </div>
      <div class="price_right">
          <text class="huise">￥</text>
          <text class="huise">{{item.storePrice}}</text>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "twoRowList",
    props: {
      item: {
        type: Object,
        default: {}
      }
    }
  }
</script>

<style lang="less" scoped>
  .item{
    font-size: 28px;
    color: #333333;
    width: 360px;
    padding-bottom: 27px;
    background-color:#fff;
    margin-bottom:10px;
  }
  .product-img{
    width: 360px;
    height:360px;
  }
  .couponPriceBox{
    flex-direction: row;
    padding-left:20px;
    padding-right:20px;
    margin-top:20px;
  }
  .text{
    padding-left:20px;
    padding-right:20px;
    margin-top:-20px;
    /*margin-top:23px;*/
    /*margin-bottom:26px;*/
  }
  .goods-name{
    font-size:28px;
    color:#3a3a3a;
  }
  .item_price_box{
    padding-right:20px;
    padding-left:20px;
    flex-direction: row;
    align-items: center;

  }
  .price_left,.price_right{
    flex:1;
    flex-direction: row;
    align-items:center;
  }
  .price_right{
    justify-content: flex-end;
  }
  .red{
    font-size:30px;
    color:#ff1822;
  }
  .huise{
    color:#999;
    text-decoration: line-through;
    font-size:30px;
  }

</style>